<template>
  <div :class="isIndex? 'footer mt0' : 'footer'">
     <div class="backgroundFooter clearFix">
     	<div>
     		<span class="title">联系我们</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;有问题？&nbsp;&nbsp;请致电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tel: 13522780733 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;E-mail: service@lingbian.com.cn
     	</div>
     		<!--<div class="floatl youqing mr30">
     			<div class="title">
     				友情链接
     			</div>
     			<div>
     				<img src="../../../../static/img/index/footer-href-logo.png" alt="" class="mr30"/>
     				<img src="../../../../static/img/index/footer-href-logo.png" alt="" />
     				<img src="../../../../static/img/index/footer-href-logo.png" alt="" class="mr30"/>
     				<img src="../../../../static/img/index/footer-href-logo.png" alt="" />
     			</div>
     		</div>
     		<div class="floatl youjian mr30">
     			<div class="title">
     				友情链接
     			</div>
     			<p>第一时间获取最新最热分析案例。</p>
     			<div>
     				<input type="text" placeholder="E-mail" class="input"/>
     				<button class="button">发送</button>
     			</div>
     			<p class="w170">更多信息或意见反馈请关注知于微信公众平台</p>
     		</div>
     		<div class="floatl lianxi ml20 mr30">
     			<div class="title">
     				联系我们
     			</div>
     			<p>有问题？请致电010-82619988转7662</p>
     			<p class="mt20">E-mail: songxueting@gridsum.com</p>
     			<p>Tel: 15210368836</p>
     			<p>QQ: 1355279165</p>
     			<p class="w170 mt20">更多信息或意见反馈请关注知于微信公众平台</p>
     		</div>
     		<div class="floatl ml20 erweima">
     			<dl>
     				<dt>
     					<img src="../../../../static/img/index/weibo.jpg" alt="" />
     				</dt>
     				<dd>官方微博</dd>
     			</dl>
     			<dl class="mt20">
     				<dt>
     					<img src="../../../../static/img/index/weixin.jpg" alt="" />
     				</dt>
     				<dd>微信公众号</dd>
     			</dl>
     		</div>
     </div>
     <div class="clearFix footerbottom">
     	<div class="floatl mr30">
     		<p>©2017 ZHIYU,Inc.All Rights Reserved</p>
     		<p class="mt5"><img src="../../../../static/img/index/gongan.png" alt="" width="16" style="vertical-align: middle;"/>京公网安备11010802024204号京ICP备06071601号-19</p>
     	</div>
     	<div class="floatl ml20">
     		<img src="../../../../static/img/index/footerbottom.jpg" alt="" />
     	</div>-->
     </div>
     <div class="clearFix footerbottom">
     	<!--<div class="floatl mr30">-->
     		<p class="mr30">Copyright © 2018灵辨 lingbian.com.cn All Rights Reserved</p>
     		<p class="mt"><img src="../../../../static/img/index/gongan.png" alt="" width="16" style="vertical-align: middle;"/>京ICP备18036773号-1</p>
     	<!--</div>-->
     </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      isIndex:false

    };
  },
  watch: {
		    //监听路由
		    $route: {
		        handler: function (val, oldVal) {
		        	var url = val.path; //新路径
					if(url == "/"){
						this.isIndex = true
					}else{
						this.isIndex = false
					}
		        },
		        //深度观察监听
		        deep: true
		    }
		},
  mounted: function() {
  	if(this.$route.path == "/"){
				this.isIndex = true;
			}
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>
@import "./footer.css";

</style>
